<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面</title>
    <!-- 引入初始化文件 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入登录页文件 -->
    <link rel="stylesheet" href="css/login.css">
</head>

<body>
    <div class="w">
        <!-- 头部 -->
        <div class="header">
            <!-- logo 区 -->
            <div class="logo">
                <a href="index.html"><img src="img/logo.png"></a>
            </div>
        </div>
    </div>
    <!-- 登录详情部分 -->
    <div class="login_info">
        <div class="login_main">
            <div class="login_right">
                <div class="login_list">
                    <ul>
                        <li class="first_login">扫描登录</li>
                        <li class="second_login current">账号登录</li>
                    </ul>
                </div>
                <!-- ...... -->
                <ul class="login_con">
                    <li class="jianyi">公共场所不建议自动登录，以免账号丢失</li>
                    <li class="user_name">
                        <img src="img/user_name.png">
                        <input type="text">
                    </li>
                    <li class="user_password">
                        <img src="img/user_password.png">
                        <input type="password">
                    </li>
                    <!-- 自动登录和忘记密码 -->
                    <li class="wangji">
                        <input type="checkbox">
                        <i>自动登录</i>
                        <a href="#">忘记密码?</a>
                    </li>
                    <!-- 确定按钮 -->
                    <li class="queding">
                        <input type="button" value="确定">
                    </li>
                    <!-- 账号 -->
                    <li class="zhanghao">
                        <img src="img/regetype.png">
                        <a href="register.html">立即注册</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer w">
        <p class="links">
            <a href="#">关于我们</a> |
            <a href="#">联系我们</a> |
            <a href="#">联系客服</a> |
            <a href="#">商家入驻</a> |
            <a href="#">营销中心</a> |
            <a href="#">手机品优购</a> |
            <a href="#">友情链接</a> |
            <a href="#">销售联盟</a> |
            <a href="#">品优购社区</a> |
            <a href="#">品优购公益</a> |
            <a href="#">English Site</a> |
            <a href="#">Contact U</a>
        </p>
        <p class="copyright">地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br/> 京ICP备08001421号京公网安备110108007702</p>
    </div>
</body>

</html>